:root {
    --main-color: #409EFF;
    --main-second-color: #ecf5ff;
    --white-bg: #f5f8f9;
    --gray-bg: #f0f1f4;
    --error-color: #F56C6C;
}

body, html, .layout-wrapper, .app-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.iconfont, html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

a, span, i, p {
    font-size: 14px;
    text-decoration: none;
}

div:focus,
span:focus,
li:focus {
    outline: none;
}

/*.el-loading-mask {*/
/*z-index: 200;!*此处修改请到上传图片查看图片方法查看*!*/
/*}*/

/*frame内容页面*/
.app-wrapper {
    /*background-color: white;*/
}

.app-wrapper .app-container {
    /*padding: 20px 0;*/
    min-width: 1200px;
    height: calc(100%);
}

.app-wrapper .el-breadcrumb {
    padding: 7px 0;
}

.app-wrapper .main-frame {
    width: calc(100%);
    height: calc(100%);
    overflow: hidden;
    /*border-radius: 5px; 放开index页面头部tab选项卡首页下会有圆弧缺损 */
    position: relative;
}

.app-wrapper .main-scroller .top-wrapper {
    padding: 10px 0 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
}
.app-wrapper .main-scroller .top-wrapper.is-scroll {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25);
}

.app-wrapper .main-scroller .button-container {
    padding: 0 15px 10px 15px;
    position: relative;
}

.app-wrapper .main-scroller .button-container::before {
    width: 100%;
    border-bottom: 3px solid var(--main-color);
    position: absolute;
    bottom: -1px;
    left: 0;
}

.app-wrapper .main-scroller .el-main {

}

.app-wrapper .main-scroller .content-wrapper {
    /* 设置列表页 50的话会出现底层颜色 */
    padding: 47px 0 0 0
}

.app-wrapper .main-scroller .app-content-footer {
    width: calc(100% - 40px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2020;
    background-color: white;
    box-shadow: -3px -4px 10px 1px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 10px 20px;
}

/* 公共滚动条 */
.el-scrollbar {
    height: 100%;
}

.el-scrollbar .el-scrollbar__wrap {
    height: calc(100% + 15px);
}

/*### 列表页面、更新页面、修改页面 公共样式 ###*/
.app-wrapper .el-breadcrumb {
    padding: 7px 0 5px 0;
}

/*############# 列表页面 样式 ############*/
.app-wrapper .page-index {

}
.app-wrapper .top-wrapper .el-form-item {
    margin-bottom: 0;
}
.search-container {
    padding: 10px 15px;
    flex-wrap: wrap;
}
.search-container .item-group .search-item {
    padding-top: 10px;
    padding-right: 20px;
}
.search-container .item-group .search-item.is-right {
    flex: 1;
    text-align: end;
}
.search-container .item-group .search-item:last-child {
    padding-right: 0;
}
.search-container .el-form-item__label{
    color: #a1a1a1
}
.search-container .item-group .group-search .el-form-item__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* radio按钮组 基础类型 开始 */
.search-container .el-radio-button .el-radio-button__inner {
    border:0;
    padding: 10px 15px;
    border-bottom: 2px solid white;
}
.search-container .el-radio-button:last-child .el-radio-button__inner,
.search-container .el-radio-button:first-child .el-radio-button__inner{
    border-radius: 0;
}
.search-container .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: var(--main-color);
    background-color: inherit;
    border-color: var(--main-color);
    -webkit-box-shadow: initial;
    box-shadow: initial;
    user-select: none;
}
.search-container .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: none;
    --webkit-box-shadow: none;
}
/* radio按钮组 基础类型 结束 */

/* tabs 开始 */
.search-container .el-radio-group.card-mode {
    line-height: initial;
    display: inline;
}
.search-container .el-radio-group.card-mode .el-radio {
    margin-right: 8px;
    line-height: initial;
}
.search-container .el-radio-group.card-mode .el-radio .el-checkbox__original {
    opacity: 0;
}
.search-container .el-radio-group.card-mode .el-radio .el-radio__input {
    display: none;
}
.search-container .el-radio-group.card-mode .el-radio .el-radio__label {
    padding: 5px 10px;
    background: #f4f5f7;
    border-radius: 3px;
}
.search-container .el-radio-group.card-mode .el-radio.is-checked .el-radio__label {
    background-color: var(--main-color);
    color: #fff;
}
.search-container .el-form-item .el-form-item__content .el-dropdown .el-button {
    background: #f4f5f7;
    border: 0;
}
.search-container .el-form-item .el-form-item__content .el-dropdown .el-button.active,
.search-container .el-form-item .el-form-item__content .el-dropdown .el-dropdown-selfdefine:focus:active,
.search-container .el-form-item .el-form-item__content .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    color: #fff;
    background-color: var(--main-color);
}
/* 默认radio 结束 */

.search-container .el-form-item {
    margin-bottom: 0;
}

.search-container .el-form-item-more.search-item {
    flex: 1;
    text-align: end;
}

.search-container .el-form-item-more .el-button--text {
    padding: 0;
    vertical-align: bottom;
}

.search-container .el-form-item .el-form-item__content,
.search-container .el-form-item .el-form-item__label {
    /* 放开的话如：文章详情页?列表 更多查询 的状态列表左侧label高度不统一 */
    /*line-height: 33px;*/
    vertical-align: middle;
    line-height: initial;
}

.search-container .more-search-container {
    padding-top: 15px;/*此处请添加文本框或选择框查询作比较*/
    position: relative;
}

.search-container .more-search-container:before {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    top: 15px;/*此处请添加文本框查询作比较*/
    left: 0;
    border-bottom: 1px solid #f7f7f7;
}

/* 查询弹出层 */
.search-popover {
    padding-top: 22px;
}
.search-popover .search-bottom {
    margin: 20px 20px 10px 15px;
}
.search-popover .no-more-search {
    flex: 1;
    text-align: center;
    padding-right: 0;
}

/* 表格 */
.el-table .operate-column .el-button+.el-button,
.el-table .operate-column .el-dropdown {
    margin-left:0!important;
}
.el-table .operate-column .el-button+.el-button:before,
.el-table .operate-column .el-dropdown:before {
    content: ' ';
    margin-right: 5px !important;
    border-left: 1px solid #606266;
}
.app-wrapper .pagination {
    padding: 20px 20px;
    text-align: right;
}

/*########## 更新修改页面 样式 ###########*/
.app-wrapper .page-form {
    background-color: var(--gray-bg);
}
.el-form--inline .el-form-item:last-child {
    margin-right: 0;
}
.app-wrapper .wp-form-container {}
.app-wrapper .wp-form-container .el-card {
    margin-bottom: 10px;
}
.app-wrapper .wp-form-container .el-card .el-form-item:last-child {
    margin-bottom: 0;
}
.app-wrapper .wp-form-container .form-bottom-free {height: 136px;}
.app-wrapper .app-container .el-upload--picture-card img {
    width: 100%;
    height: 100%;
}
.app-wrapper .bottom-button {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    margin: 0;
    z-index: 3000; /* 此处小于2000，上传组件禁用以后会出现层级问题 */
    text-align: center;
    box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
}
.app-wrapper .bottom-button:hover{
    box-shadow: 0 -9px 20px -9px #ddd;
}
.app-wrapper .bottom-button .el-form-item__content {
    text-align: center;
}
.app-wrapper .bottom-button button {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.app-wrapper .w-e-menu [class*=" w-icon-"], .app-wrapper .w-e-menu [class^=w-icon-] {
    font-size: 24px;
}
/* 修改图片上传控件 */
.el-upload {
    position: relative;
    overflow: hidden;
}
.el-upload .upload-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3000;
}
.el-upload .upload-button-wrapper span {
    font-size: 20px;
    color: white;
}
.el-upload .upload-button-wrapper span:nth-child(2) {
    margin-left: 10px
}
.el-upload .el-loading-spinner {
    top: 35px;
    margin-top: 0;
    line-height: 40px;
}
.el-upload .el-loading-spinner p {
    line-height: initial;
}
/* 修复input组 顶部对齐导致 line-height 非40高度问题 */
.el-form-item__content .el-input-group {
    vertical-align: inherit;
}
/*############# 其他页面 #############*/
/* 图片放大展示 100%太大影响美观  */
.el-image-viewer__canvas {
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
/* 修复 - input输入框有append垂直不居中问题*/
.el-form-item__content .el-input-group--append {
    vertical-align: initial;
}
/* 修改 - 图片放大按钮不明显问题 */
.el-image .el-image-viewer__close {
    color: white;
}
.el-image .el-image-viewer__close i{
    font-size: 30px;
}

/* 表单条目居中 */
.form-center .form-element {
    margin: 0 auto 22px auto;
}

/* 表单条目通栏 */
.form-full .form-element .el-form-item__content > * {
    width: 100%;
}

.form-600 .form-element,.form-600 .form-element-append, .el-form-item-600 {
    width: 600px;
}

.form-400 .form-element,.form-400 .form-element-append, .el-form-item-400 {
    width: 400px;
}

.form-300 .form-element,.form-300 .form-element-append, .el-form-item-300 {
    width: 300px;
}

.form-250 .form-element,.form-250 .form-element-append, .el-form-item-250 {
    width: 250px;
}

.form-200 .form-element,.form-250 .form-element-append, .el-form-item-200 {
    width: 200px;
}

.el-form-item-full {
    /* 此处有的地方auto不是铺满 */
    width: 100% !important;
    /*margin-left: 10px!important;为何注销他？因为form表单页会出现比其他form-*样式多靠右侧10px*/
}
.el-form-item-full .form-element-append {
    width: 100% !important;
}
.form-element-append-full {
    width: 100% !important;
}
.el-form-item-label-alone .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px;
}
.el-form-item-label-alone .el-form-item__content {
    display: inline;
}
/* [radio]不应该规定宽度 */
.el-radio-group.form-element {
    width: auto !important;
}

.label-full label {
    width: 100%;
    text-align: left;
    clear: both;
    float: initial;
    display: block;
}

.el-form-item-left .el-form-item__label {
    text-align: left;
}

.form-element-append, .form-element-append-inline {

}
.form-element-append-inline {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    line-height: 40px;
}
.el-radio-button {
    user-select: none;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    user-select: none;
}

/* 增加dropDownList当前点选样式 */
.el-dropdown-menu__item.active{
    background-color: var(--main-second-color);
    color: var(--main-color);
}

/* 温馨提示 */
.tip {
    padding: 8px 16px;
    background-color: #ecf8ff;
    border-radius: 4px;
    border-left: 5px solid var(--main-color);
}

.tip, .tip * {
    font-size: 14px;
    color: #5e6d82;
    line-height: 1.5em;
    background-color: #ecf8ff;
    border-top: none;
    border-bottom: none;
}

.tip code {
    background-color: hsla(0, 0%, 100%, .7);
    color: var(--main-color);
    padding: 0 4px;
    border: 1px solid #eaeefb;
    border-radius: 4px;
}

.tip a {
    color: var(--main-color);
    text-decoration: none;
}

.tip .el-collapse-item__header {
    height: 30px;
}

.tip .is-active .el-icon {
    color: #fd9800;
}

.tip .is-active .title {
    color: #fd9800;
}

.tip .content {
    margin-left: 10px;
}

.tip .content .row {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    display: block;
}

/*form提示*/
.notice-button {
    position: absolute;
    top: 2px;
    right: -30px;
}

.notice-button .el-icon-question:before {
    color: #ff5a00;
}

.notice-button .el-icon-question:hover:before {
    color: rgba(255, 90, 0, .8);
}

/* 清除缓存样式 */
.clear-cache-dialog {
    width: 100%;
    height: 100%;
    border: 0;
}
/* 推荐位样式 */
.position-dialog .el-dialog {
    height: 60%;
}
.position-dialog .el-message-box__container,
.position-dialog .el-message-box__message,
.position-dialog iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.position-dialog .el-dialog__body {
    height: calc(100% - 100px);
    padding: 0;
    overflow: hidden;
}
.position-dialog .el-dialog__header {
    box-shadow: 0 6px 14px 0 rgba(204 204 204,0.18);
    position: relative;
    z-index: 2;
}
.position-dialog .el-dialog__footer {
    position: relative;
    padding: 15px 10px;
    box-shadow: 0 -6px 14px 0 rgba(204 204 204,0.18);
    z-index: 2;
}

/* 描述列表 */
.el-drawer .close-btn {
    position: fixed;
    top: 160px;
    z-index: 99;
}
.el-drawer .close-btn button {
    position: absolute;
    left: -40px;
    padding: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* 公共CSS */
.w-100 {
    width: 100% !important;
}
.w-h-100 {
    width: 100%;
    height: 100%;
}
.w-h-80 {
    width: 80%;
    height: 80%;
}
.with-auto {
    width: auto!important;
}
.h-100 {
    height: 100%;
}

.bg-white {
    background-color: #FFF !important;
}
.bg-gray {
    background-color: var(--gray-bg) !important;
}
.thumb {
    width: 56px;
    height: 56px;
    border-radius: 6px;
}
.thumb:hover img {
    transition: all 0.7s;
    transform: scale(1.5);
}

.thumb img {
    width: 100%;
    height: 100%;
}

.big-thumb {
    width: 560px;
    border-radius: 6px;
}

.big-thumb img {
    width: 100%;
    height: 100%;
}

.auto-thumb {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.display-inline {
    display: inline;
}
.display-block {
    display: block;
}
.display-none {
    display: none!important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.el-scrollbar__bar {
    z-index: 2019;
}

.edui-message-body {
    height: 400px;
}

.pointer {
    cursor: pointer;
}

.column-border-dashed {
    position: relative;
}

.column-border-dashed:hover:before {
    width: 100%;
    height: 90%;
    content: ' ';
    border: 1px dashed rgba(50, 65, 87, .6);
    position: absolute;
    left: -5px;
}

.white-icon-color:before {
    color: white;
}

.no-with-space {
    white-space: nowrap;
}

.text-more-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-hide {
    display: none;
}

.page-show {
    display: block;
}

.z-index-hide {
    z-index: -1 !important;
}

.z-index-top {
    z-index: 19999991995 !important;
}

.border-1px-bottom, .border-1px-right, .border-1px-left {
    position: relative;
}

.border-1px-top:before {
    height: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: .5px solid #d7dae2;
}

.border-1px-bottom:after {
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: .5px solid #DEDEDE;
}

.border-1px-right:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 0.5px solid #d7dae2;
    height: 100%;
}

.border-1px-left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-right: .5px solid #d7dae2;
    height: 100%;
}

.border-1px-all {
    border: 1px solid #d7dae2
}
.no-border{border: none!important;}
.no-border:before{border: none!important;}
.no-border:after{border: none!important;}

.line div:last-child {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #eee;
}

.radius-clear {border-radius:0}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* 旋转90' */
.rotate-90 {
    transform: rotate(90deg);
}


/* --- [dialog]弹出层 开始 --- */
.el-dialog__wrapper .el-dialog .el-dialog__header {
    background: var(--main-color);
    box-shadow: 0 -4px 10px 1px rgba(0, 0, 0, 0.06);
    padding: 15px 20px 10px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title {
    color: white;
}
.el-dialog__wrapper .el-dialog .el-dialog__headerbtn .el-dialog__close {
    color: white;
    vertical-align: top;
}
.el-dialog .el-dialog__footer {
    width: 100%;
    background-color: white;
    text-align: end;
    padding: 10px 20px;
    /* 下面修复高度过小[body]溢出到尾部问题 */
    z-index: 9999;
    position: relative;
}
/* 居中按钮样式 */
.el-dialog .el-dialog__footer__center {
    width: 100%;
    background-color: white;
    box-shadow: 0 -4px 10px 1px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 10px 20px;
    /* 下面修复高度过小[body]溢出到尾部问题 */
    z-index: 9999;
    position: relative;
}

/* 滚动条弹出层基础样式 */
/* 最大号 */
.el-dialog__wrapper.dialog-medium .el-dialog {
    width: 80%;
    margin-top: 10vh!important;
}
.el-dialog__wrapper.scroll-dialog.dialog-medium .el-dialog {
    height: 80%; /* 此处不能删除，滚动条必须指定外部高度 */
}

/* 中号 */
.el-dialog__wrapper.dialog-small .el-dialog {
    width: 50%;
    margin-top: 25vh!important;
}
.scroll-dialog.dialog-small .el-dialog {
    height: 50%; /* 此处不能删除，滚动条必须指定外部高度 */
}

/* 小号 */
.el-dialog__wrapper.dialog-mini .el-dialog {
    width: 30%;
    margin-top: 30vh!important;
}
.el-dialog__wrapper.scroll-dialog.dialog-mini .el-dialog {
    height: 30%; /* 此处不能删除，滚动条必须指定外部高度 */
}

/* 默认样式 */
.el-dialog__wrapper .el-dialog .el-dialog__body {
    padding: 25px 20px;
    min-height: calc(100% - 50px - 50px);
}
/* 没有padding-top的样式 */
.body-nop .el-dialog .el-dialog__body {
    padding: 0;
    height: calc(100% - 50px - 50px);
}
/* --- [dialog]弹出层 完毕 --- */


/* --- [滚动条]弹出层 开始 --- */
.scroll-dialog {
    overflow: hidden;
}
.scroll-dialog .el-dialog {
    overflow: hidden;
}

.scroll-dialog .el-dialog .el-dialog__body {
    /*height: calc(100% - 49px - 50px);*/
    padding: 0;
    height: calc(100% - 52px - 50px); /*此处若要改为强制，请查看推荐位弹出层*/
    min-height: auto;
}

.scroll-dialog .el-dialog .el-dialog__body .el-scrollbar__wrap {
    overflow-x: hidden;
    height: calc(100%);
}

.scroll-dialog .el-dialog .el-dialog__body .el-scrollbar__view {
    padding: 0 20px 0 20px;
    /*min-height: calc(100% - 30px);!* 这里的30px和下面的15px 是后台菜单样式会出现多余高度至少30px *!*/
    padding-top: 15px;
}
.scroll-dialog .el-dialog .el-dialog__body .el-scrollbar__view:after {
    content: ' ';
    height: 30px;
    width: 100%;
    display: block;
}
.scroll-dialog .el-dialog .el-dialog__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2019;
    background-color: white;
    box-shadow: 0 -4px 10px 1px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 10px 20px;
}
.scroll-dialog .el-dialog .el-dialog__footer:before {
    height: .5px;
    width: 100%;
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    /*border-bottom: 1px solid #e6e6e6;*/
}
/* --- [滚动条]弹出层 完毕 --- */


/* --- [表单]弹出层 开始 --- */
.page-dialog .el-dialog__header {
    display: none;
}
.page-dialog .el-dialog .el-dialog__body {
    height: 100%;
    padding: 0;
}
/* --- [表单]弹出层 完毕 --- */


/* 鼠标悬停 文本颜色 */
.text-hover-blue:hover, .text-hover-blue:hover span {
    color: var(--main-color);
}

/*普通信息文本颜色*/
.text-info, .text-info:focus {
    color: #909399;
}
.text-info:hover {
    color: #909399;
    opacity: .7;
}
.text-info.is-disabled, .text-info.is-disabled:focus, .text-info.is-disabled:hover, .text-info:active {
    color: #909399;
}

/*默认信息文本颜色(主色调)*/
.text-primary, .text-primary:focus {
    color: var(--main-color);
}
.text-primary:hover {
    color: var(--main-color);
    opacity: .7;
}
.text-primary.is-disabled, .text-primary.is-disabled:focus, .text-primary.is-disabled:hover, .text-primary:active {
    color: var(--main-color);
}

/*危险文本颜色*/
.text-danger, .text-danger:focus {
    color: #ff2323;
}
.text-danger:hover {
    color: #ff2323;
    opacity: .7;
}
.text-danger.is-disabled, .text-danger.is-disabled:focus, .text-danger.is-disabled:hover, .text-danger:active {
    color: #ff2323;
}

/*警告文本颜色*/
.text-warning, .text-warning:focus {
    color: #ff5a00;
}
.text-warning:hover {
    color: #ff5a00;
    opacity: .7;
}
.text-warning.is-disabled, .text-warning.is-disabled:focus, .text-warning.is-disabled:hover, .text-warning:active {
    color: #ff5a00;
}

/*成功文本颜色*/
.text-success, .text-success:focus {
    color: #67c23a;
}
.text-success:hover {
    color: #67c23a;
    opacity: .7;
}
.text-success.is-disabled, .text-success.is-disabled:focus, .text-success.is-disabled:hover, .text-success:active {
    color: #67c23a;
    /*font-weight: 700;*/
}


/*点颜色基础样式*/
[class*=" point-"], [class^=point-] {
    font-weight: 700;
    opacity: .8;
}
[class*=" point-"]:hover, [class^=point-]:hover {
    font-weight: 700;
    /*opacity: .5;*/
}
[class*=" point-"]:before, [class^=point-]:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    margin-bottom: 2px;
    border-radius: 6px;
    font-weight: 700;
}

/*成功的点颜色*/
.point-success {
    /*color: #67c23a;*/
}
.point-success:before {
    background: #67c23a;
}

/*危险的点颜色*/
.point-danger {
    /*color: #ff2323;*/
}
.point-danger:before {
    background: #ff2323;
}

/*警告的点颜色*/
.point-warning {
    /*color: #ff5a00;*/
}
.point-warning:before {
    background: #ff5a00;
    opacity: .7;
}

/*灰色的点颜色*/
.point-info {
    /*color: #909399;*/
}
.point-info:before {
    background: #909399;
    opacity: .7;
}

/* 注意按钮颜色 */
.notice-icon:before {
    color: #ff5a00;
}

.notice-icon:hover:before {
    color: rgba(255, 90, 0, .8);
    font-weight: 700;
}

/* 输入框组 */
.input-group .el-input__inner {
    border-radius: 0;
}
.input-group .el-col .el-input__inner:hover {
    border-right-width: 1px;
}

.input-group .el-col .el-input__inner:focus {
    border-right-width:1px
}
.input-group .el-col+ .el-col .el-input-group__prepend {
    border-left-width: 0;
}
.input-group .el-col:last-child .el-input__inner {
    border-radius: 0 4px 4px 0;
    border-right-width:1px;
}
.input-group .el-col:first-child .el-input-group__prepend {
    border-radius: 4px 0 0 4px;
}
.input-group .el-col:last-child .el-button {
    /*设置详情用了*/
    vertical-align: top;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-right-width:1px;
}
.input-group .el-input-group--append .el-input__inner,
.input-group .el-input-group__prepend {
    border-radius: 0;
}

/* 底边框表单元素 */
/* input */
.el-input.plain input {
    border: 0;
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0;
}
/* textarea */
.el-textarea.plain textarea {
    border: 0;
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0;
}
/* select */
.vue-treeselect.plain .vue-treeselect__control, .el-select.plain .el-input input {
    border: 0;
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0;
}

/* 上传组件错误 */
.el-form-item.is-error .el-upload--picture-card {
    border-color: var(--error-color);
}
/* 文本编辑器错误 */
.el-form-item.is-error .w-e-toolbar {
    border-top-color: var(--error-color)!important;
    border-left-color: var(--error-color)!important;
    border-right-color: var(--error-color)!important;
}
.el-form-item.is-error .w-e-text-container {
    border-left-color: var(--error-color)!important;
    border-right-color: var(--error-color)!important;
    border-bottom-color: var(--error-color)!important;
}
/* [radio]选择错误 */
.el-form-item.is-error .el-radio__inner {
    border-color: var(--error-color);
}
.el-form-item.is-error .el-radio__label {
    color: var(--error-color);
}

/* 详情组件强制垂直居中 */
.el-descriptions-item__container {
    align-items: center;
}

/* vertical-align */
.vert-align-init {
    vertical-align: initial !important;
}

.vert-align-top {
    vertical-align: top !important;
}

.vert-align-middle {
    vertical-align: middle !important;
}

/* margin */
.no-mt {
    margin-top: 0 !important;
}

.no-mb {
    margin-bottom: 0 !important;
}

.no-ml {
    margin-left: 0 !important;
}

.no-mr {
    margin-right: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.mt-200 {
    margin-top: 200px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}

.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-150 {
    margin-right: 150px !important;
}

.mh-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv-15{
    margin-left: 15px!important;
    margin-right: 15px!important;
}

/* padding */
.no-p {
    padding: 0 !important;
}

.no-pv {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-h {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pt {
    padding-top: 0 !important;
}

.no-pb {
    padding-bottom: 0 !important;
}

.no-pl {
    padding-left: 0 !important;
}

.no-pr {
    padding-right: 0 !important;
}

.p-5 {
    padding: 5px !important;
}
.p-6 {
    padding: 6px !important;
}
.p-7 {
    padding: 7px !important;
}
.p-8 {
    padding: 8px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.pt-2 {
    padding-top: 2px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-150 {
    padding-top: 150px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}

.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}

.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-90 {
    padding-right: 90px !important;
}

.pv-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pv-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.pv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ph-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.ph-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.ph-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.ph-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.icon-20:before, .icon-20 span:before, .icon-20 i:before {
    font-size: 20px;
}

.icon-15:before, .icon-15 span:before, .icon-15 i:before {
    font-size: 15px;
}

/* 清空样式 */
.clean-5px {
    height: 5px;
    clear: both;
}
.clean-10px {
    height: 10px;
    clear: both;
}
.clean-20px {
    height: 20px;
    clear: both;
}
.clean-30px {
    height: 30px;
    clear: both;
}
.clean-80px {
    height: 80px;
    clear: both;
}

/* 文本颜色等 */
.no-font-size {
    font-size: 0;
}

.font-small {
    font-size: 12px;
}

.import-text {
    color: #333;
    font-weight: bolder;
}

.font-first {
    color: #333;
}

.font-second {
    color: #666;
}

.font-third {
    color: #909399;
}

.font-fourth {
    color: #afafaf;
}

.font-fifth {
    color: #aaaeb5;
}

.font-size-13 {
    font-size: 13px!important;
}

/* flex,顶部对齐,自适应 */
.flex-top-auto {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* flex,顶部对齐,居中 */
.flex-top-center {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* flex,顶部对齐,左对齐 */
.flex-top-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}


/* flex,垂直居中,水平自适应 */
.flex-center-auto {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* flex,垂直居中,水平左对齐 */
.flex-center-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* flex,垂直居中,水平右对齐 */
.flex-center-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 无阴影 */
.no-box-shadow {
    box-shadow: inherit !important;
}

/** 溢出初始化 **/
.overflow-init {
    overflow: inherit;
}
/** 溢出隐藏 **/
.overflow-hide {
    overflow: hidden;
}

/* 行高 */
.lh-normal {
    line-height: initial;
}

/* 是标题，有标题左侧侧重小边框 */
.is-title {
    position: relative;
}
.is-title:before {
    content: '';
    height: 100%;
    border-left-style: solid;
    border-left-width: 4px;
    border-radius: 2px;
    border-left-color: var(--main-color);
    position: absolute;
    left: -12px;
    top: 0;
}
